<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用的字体属性_字体组</title>
    <style>
      .div1 {
        font-size: 100px;
        font-family: "微软雅黑";
      }

      .div2 {
        font-size: 100px;
        font-family: "楷体";
      }

      .div3 {
        font-size: 100px;
        font-family: "宋体";
      }

      .div4 {
        font-size: 100px;
        font-family: "青鸟华光彩云";
      }


      .div5 {
        font-size: 100px;
        /* 选择多个，当第一个不能用再往后找接下来的字体 sans-serif 属性目的:所有的字体都不能用了在计算机上找一个非衬线的字体(字体应是一个种类) */
        font-family: "华光古韵宋","青鸟华光彩云","宋体","微软雅黑",sans-serif;
      }

      .div6 {
        font-size: 100px;
        /* 字体名称最好写英文名 免得有些浏览器不认 */
        font-family: "jbhgcy","Microsoft YaHei";
      }

    </style>
</head>
<body>
    <div class="div1">内容1</div>
    <div class="div2">内容2</div>
    <div class="div3">内容3</div>
    <div class="div4">内容4</div>
    <div class="div5">内容5</div>
    <div class="div6">内容6</div>
</body>
</html>